<template>
    <a-button type="primary" :size="size" >
        <template #icon>
            <save-outlined />
        </template>
        保存
  </a-button>
  <a-button type="primary" :size="size" style="margin-left: 30px;">
        <template #icon>
            <red-envelope-outlined />
        </template>
        收费
  </a-button>
</template>

<script lang="ts">
import { defineComponent,ref } from 'vue'
import { SaveOutlined,RedEnvelopeOutlined } from '@ant-design/icons-vue';
import type { SizeType } from 'ant-design-vue/es/config-provider'
// import Bus from "../../../utils/Bus"
export default defineComponent({
    components:{SaveOutlined,RedEnvelopeOutlined},
    setup () {
      
        return {
            size: ref<SizeType>('large'),
        };
    }
})
</script>

<style scoped lang="less">
    .ant-btn:nth-child(1){
        background-color: #666ee8;
        border: 0px;
        font-size: 16px;
        width:120px;
        margin-left: 1000px;
    }
    .ant-btn:nth-child(2){
        background-color: #ffc71c;
        border: 0px;
        font-size: 16px;
        width:120px
    }
</style>